<article id="mensajes-page" class="mensajes-container page-container">
    <div id="mensajes-list" class="row-fluid">
        <header class="title">
            <span class="icons icons-panel icon-mail-active"></span>
            <h3 class="font-color-15">Mensajes</h3>
            <a id="btn-crear-mensajes" class="aside font-color-15" href="#"><span class="icons icons-panel icon-mail-crear"></span><span class="text">Componer mensaje</span></a>
        </header>

        <div class="content">
            <div class="row-fluid">
                <ul class="box-list">
<!--                    <li class="box-item span">
                        <a href="#" class="span11">
                            <span class="icons icons-panel icon-mail-send span1"></span>
                            <div class="span11">
                                <h4 class="span10 title">TerraCycle</h4>
                                <p class="descripcion span10">La misión de TerraCycle es eliminar la idea de la basura. A través de nuestros Programas Nacionales de  recolección, acumulamos desechos.</p>
                                <div class="date span2"><span class="text">22 de abril</span></div>
                            </div>
                        </a>
                        <a href="#" class="remove span1" title="Eliminar"><span class="icons icons-panel icon-delete"></span></a>
                    </li>-->
                </ul>
            </div>
        </div>
    </div>
    <div id="crear-mensajes">
        <header class="title">
            <span class="icons icons-panel icon-mail-crear"></span>
            <h3 class="font-color-15">Componer mensaje</h3>
            <a id="btn-listar-mensajes" class="aside font-color-15" href="#"><span class="text"><span class="icons icon-back-arrow"></span>Volver</span></a>
        </header>
        <div class="content">
            <form id="form-crear-mensajes" class="row-fluid">
                <label class="field-container">
                    <b class="title span">Destinatario</b>
                    <input type="text" class="field span6" value="" id="destinatario_field" name="destinatario_field"/>
                </label>
                <label class="field-container">
                    <b class="title span">Mensaje</b>
                    <textarea type="text" class="field span" value="" id="mensaje_field" name="mensaje_field"></textarea>
                </label>
            </form>
        </div>

        <div class="content submit-container">
            <button class="btn btn-large btn-green" id="submit-form-crear-mensajes"><span class="text">Enviar</span></button>
        </div>
    </div>
</article>